<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf</title>
</head>
<body>
    <span th:text="${msg}">存放消息的位置</span>
    <h2 th:text="${name}">名字:</h2>
    <h2 th:text="|名字: ${name}|">名字:</h2>
    <h3>--------------------------------------</h3>
    th:text： 替换标签体的内容； 会转义<br/>
    th:utext: 替换标签体的内容; 不会转义html标签，真正显示为html该有的样式
    <h1 th:text="${text}">哈哈</h1>
    <h2 th:utext="${text}">呵呵</h2>

    <img th:src="${imgUrl}" th:style="${style}" src="/2.jpg" style="width: 200px">
    <br/>
    th:attr：任意属性指定
    <img src="1.jpg" style="width:200px;" th:attr="src=${imgUrl},style=${style}"/>

    2.jpg  @{} 专门用来取各种路径
    <img src="/2.jpg" style="width:300px;" th:src="@{1.jpg}">

    内置对象：
    <h2 th:text="${#strings.toUpperCase(name)}"></h2>

    <ul th:object="${person}">
        <li th:text="*{id}"></li>
        <li th:text="*{userName}"></li>
        <li th:text="*{email}"></li>
        <li th:if="*{age >= 18}">成年</li>
        <li th:text="*{role}"></li>
        <li th:if="*{role eq 'HR'}">人力资源</li>
    </ul>
</body>
</html>